/* 
    Document   : lifegame_game
    Created on : 7-apr-2010, 17:43:11
    Author     : Arco
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*
{
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}
img
{
    border:0;
}
#container
{
    margin:30px auto 0px auto;
    width:933px;
}
#menu
{
    float:left;
    width:933px;
    height:110px;
}
#menu ul
{
    float:left;
}
#menu li
{
    float:left;
    list-style:none;
}
#menu li a
{
    float:left;
    width:167px;
    height:110px;
    background-image:url(../img/menu_bg.jpg);
    background-repeat:no-repeat;
}
#menu li a#world
{
    background-position:0px 0px;
}
#menu li a#world:hover
{
    background-position:0px -110px;
}
#menu li a#personal
{
    background-position:-167px 0px;
}
#menu li a#personal:hover
{
    background-position:-167px -110px;
}
#menu li a#items
{
    background-position:-334px 0px;
}
#menu li a#items:hover
{
    background-position:-334px -110px;
}
#menu li a#skills
{
    background-position:-501px 0px;
}
#menu li a#skills:hover
{
    background-position:-501px -110px;
}

#menu li a#logo
{
    background-image:url(../img/logo.jpg);
    width:239px;
}
#menu li a#menu_end
{
    background-image:url(../img/logo.jpg);
    width:20px;
}
#page
{
    float:left;
    width:933px;
    background-image:url(../img/left_bg.jpg);
    background-repeat:repeat-y;
    min-height:500px;
    color:#3f3e3e;
}
#page #left
{
    float:left;
    width:251px;
    margin-left:23px;
    padding:15px;
}
#page #right 
{
    float:left;
    width:593px;
    padding:15px;
}
#footer
{
    float:left;
    width:933px;
    height:21px;
    border-top:2px solid #25a0de;
    text-align:center;
    padding-top:4px;
}

/*algemeen*/
.left
{
    float:left;
}
.right
{
    float:right;
}
p{
    margin-bottom:10px;
}
a{
    text-decoration: none;
    color:#3f3e3e;
}

/*pagina index */
    /*right*/
    #home h2
    {
        clear:both;
        float:left;
        width:590px;
        height:16px;
        border-bottom:1px solid #3f3e3e;
        font-size:13px;
        font-weight:normal;
    }
    #home .left ul li
    {
        line-height:25px;
        list-style:none;
        margin-left:15px;
    }
    #home #status
    {
        float:left;
        width:273px;
        height:50px;
        padding:15px 0px 0px 20px;
        margin-top:5px;
        background-image:url(../img/status_bg.jpg);
    }
    #home #status .status_bar
    {
        float:left;
        margin-bottom:5px;
    }
    #home #status .left
    {
        width:76px;
        background-image:url(../img/statusbar_left_bg.jpg);
        height:16px;
        background-repeat:no-repeat;
        background-position:67px 0px;

    }
    #home #status .middle
    {
        font-size:11px;
    }
    #home #status .right
    {
        float:left;
    }
    #home #status .green
    {
        float:left;
        border-top:1px #000 solid;
        border-bottom:1px #000 solid;
        height:14px;
        background-color:#60cb00;
    }
    #home #status .white
    {
        float:left;
        border-top:1px #000 solid;
        border-bottom:1px #000 solid;
        height:14px;
        background-color:#fff;
    }
    #home #status .right
    {
        width:9px;
        float:left;
        background-image:url(../img/statusbar_right_bg.jpg);
        height:16px;
    }
    #home .right label
    {
        line-height:30px;
    }
    #home .right textarea
    {
        float:left;
        margin-left:10px;
        font-size:11px;
        padding:10px;
        color:36b6b6b;
    }
    #home table
    {
        float:left;
        margin-left:15px
    }
    #home table tr
    {
        height:28px;
        cursor: default;
    }
    /*left*/
    .character
    {
        float:left;
        width:228px;
        height:47px;
        border:1px solid #b7b7b7;
        padding:11px;
        line-height:25px;
        margin-bottom:18px;
        cursor:pointer;
        display:block;
    }
    .character .left img
    {
        padding-right:8px;
    }
    .character .right
    {
        line-height:50px;
    }
    #character_menu #plus
    {
        float:right;
        background-image:url(../img/plus.jpg);
        background-repeat:no-repeat;
        background-position:right;
        line-height:28px;
        padding-right:35px;
    }
    #character_menu #plus:hover
    {
        text-decoration: underline;
    }